*{margin: 0;padding: 0;}
li{list-style:none}
.pageCenter{text-align:center;padding:10px;margin-top:50px;}
.first-imgs{width:13200px;height:560px;  }
#descs{padding: 14px 20px 0 20px;  color: #FFF;  }
#descs{position: absolute;  z-index: 100;bottom: 0;  left: 0;  right: 0;  height: 66px; background: url(https://img1.write.qq.com/writer/p1/authorcollege/mask.png) repeat 0 0;  }
.recommend-course{margin-top: -285px;border:1px solid #ccc; font-size:15px;position: absolute;top: 640px;width: 780px;padding:15px}
.author-box .right {float: right;  width: 243px;  }
.login-box {clear: both;margin: 0 20px 20px 20px;height: 44px;line-height: 44px;background: #4EA8FF;border-radius: 3px;}
.login-box a{padding: 0 53px;color: #FFF;}
.login-box .line{display:inline-block;position:relative;width:1px;height:25px;top:8px;background: #FFF;  }
.recommend-course .article-box {position: relative;  margin-bottom: -1px;}
.article-box .article-content {overflow: hidden;  margin-bottom: 32px; padding:14px}
.article-box .article-content .photo-box {position: relative;float: right;width: 192px;}
a {color: #3D495F;outline: 0;text-decoration: none;  transition: color .3s, background .3s;}
.article-bottom {height: 32px;line-height: 32px;margin-bottom:15px;}
.article-bottom .author {float: left; height: 32px;  line-height: 32px; }
.article-bottom .author img {float: left;width: 32px;height: 32px;margin-right: 8px;border-radius: 50px;  }
.article-bottom .data {float: right;  color: #9EA6B4;}
#item{border-bottom:1px solid #ccc}
.items{margin-top:20px;padding:20px}
.com-sections {margin-bottom: 20px;border: 1px solid #DFE0E6;background: #FFF;}
.com-section {margin-bottom: 20px;border: 1px solid #DFE0E6;background: #FFF;border-bottom:none}
.com-section .sec-ttl {overflow: hidden;height: 48px;line-height: 48px;padding-left: 20px;border-bottom: 1px solid #DFE0E6; -webkit-box-sizing: border-box;box-sizing: border-box;  }
.news-section .news-list {position: relative;padding: 20px;margin-bottom: -20px;}
.news-section .item {margin-bottom: 20px;}
.news-section .title {overflow: hidden;height: 24px;font-weight: bold;text-overflow: ellipsis;white-space: nowrap;}
.news-section .time {color: #9EA6B4;}
.news-section .more-bottom {margin-bottom:300px;overflow: hidden;height: 54px;line-height: 54px;text-align: center;color: #4EA8FF;border: 1px solid #DFE0E6;border-left:none;border-right:none;  }
.more-bottom a {display: block;color: #4EA8FF;}
.fliter-wrap {position: relative;margin: -20px 0 20px;background: #fff;border-bottom: 1px solid #dfe0e6;}
.fliter-wrap .fliter-cont {position: relative;width: 1000px;margin: 0 auto;}
.fliter-wrap .selected {margin-bottom: 20px;}
.fliter-wrap .ttl {float: left;width: 44px;}
.fliter-wrap .selected .selected-tag {float: left;width: 956px;}
.fliter-wrap .filter-item {overflow: hidden;margin-bottom: 16px;}
.fliter-wrap .filter-item .filter {float: left;width: 955px;}
.fliter-wrap .filter-item .filter li {float: left;margin: 0 20px 4px 0;}
.main-wrap {width: 1000px;margin: 0 auto;}
.course-list{margin-bottom:0}
.com-section #sec-ttl {overflow: hidden;height: 48px;line-height: 48px;padding-left: 20px; border-bottom: 1px solid #DFE0E6; box-sizing: border-box;  }
#orders{width: 500px;margin: 100px auto;}
#options{height: 38px;border-bottom: 1px solid #999;}
#options li{height: 37px;float: left;line-height: 38px;border: 1px solid #999; border-bottom: none;border-radius: 5px 5px 0 0; padding: 0 20px;text-align: center;background-color: #ccc;cursor: pointer;margin-right: 1px;}
#options li.active{background-color:#fff;height:38px;}
#cards{height:150px;border:1px solid #999;border-top:none;padding:20px;}
#cards li{float:left;display:none;}
#cards li.active{display:block;}
.more-bottom {position: relative;z-index: 10;overflow: hidden;height: 54px;line-height: 54px;text-align: center;color: #4EA8FF;border-bottom: 1px solid #ddd;}
.column-list {position: relative;margin-right: -20px;}
.column-list .column-box {float: left;width: 465px;height: 264px; margin: 0 20px 20px 0;background: #fff;border:1px dashed #ada6a6;border-bottom: 1px solid #ddd;}
.column-list .column-box .inner{padding:10px}
.column-list .intro-box {overflow: hidden;margin-bottom: 34px;}
.circle {position: absolute;left: 21px;top: 21px;}
.column-list .intro-box .pic {float: left;width: 64px;margin-right: 14px;}
.pic64 .circle {width: 64px;height: 64px;}
.pic64 img {width: 64px;height: 64px;}
.column-list .intro-box .right-box {float: left;width: 340px;}
.column-list .intro-box .title {margin-bottom: 10px;font-size: 18px;font-weight: bold;}
.column-list .intro-box .intro {overflow: hidden;height: 24px;color: #9ea6b4;}
.column-list .intro-box .data {overflow: hidden;height: 24px;color: #9ea6b4;}
.column-list .article-box {padding: 0 20px;}
.column-list .article-box .title {overflow: hidden;height: 24px;margin-bottom: 10px;font-weight: bold;text-overflow: ellipsis; white-space: nowrap;}
.column-list .article-box .desc {overflow: hidden;height: 44px;margin-bottom: 10px;line-height: 22px;}
.column-list .article-box .author {font-size: 12px;color: #9ea6b4;letter-spacing: 0.25px;line-height: 22px;}
.nomore-bottom {position: relative;z-index: 10;overflow: hidden;height: 54px;line-height: 54px;text-align: center;}
.nomore-bottom{border: 0;}
.main-wrap {width: 1000px;margin: 0 auto;}

.main-wrap .main-left {float: left; width: 660px;}
.news-list .article-box .item h3 {overflow: hidden;height: 25px;margin-bottom: 8px;line-height: 25px;font-size: 18px;font-weight: bold;  }
.news-list .article-box .item {border-bottom: 1px solid #dfe0e6;}
.news-list .article-box .time {color: #9ea6b4;}
.news-list .article-box .article-content .intro {overflow: hidden;max-height: 72px;text-overflow: ellipsis;white-space: nowrap;}
.main-wrap .side-right {float: right;width: 320px;}
.tag-cloud {padding: 20px 10px 10px 20px;border-bottom: 1px solid #ddd;}
.tag-cloud li {float: left;margin: 0 10px 10px 0;height: 36px;padding: 0 20px;line-height: 36px; border: 1px solid #DFE0E6; border-radius: 3px; background: #F3F4F6;  }


/*去上课*/
.main-wrap .main-center{width:640px;margin:0 auto;margin-bottom:100px;}
.main-center .art-ttl {margin-bottom: 20px;font: 700 28px/38px  "Microsoft YaHei"; color: #475259;}
.main-center .art-info {margin-bottom: 20px;color: #9EA6B4;line-height: 26px;}
.main-center .art-info em {margin: 0 10px;}
.main-center .article-cont .img img{width:640px;height:360px;}
.article-cont{word-break:break-all;}
.article-cont p {word-break;:break-all;font-size: 16px;line-height: 24px;margin: 16px 0;}
.bookmark .mark {font-size:20px;display: inline-block;height: 24px;}
